		<script type="text/javascript">
		$("#registration_form").submit(function() {
			// recuperer le contenu des champs du formulair
			// Charger l'output de la page retournee par la validation du formulaire
			$.post('/accounts/register/', $('#registration_form').serialize(), function(data) {
				$.post('/addPhotographer/', $('#registration_form').serialize(), function(data2) {
					$('#external_page_content').parent().html(data);
				});
				$('#external_page_content').parent().html(data);
			});
			// Stopper l'action du formulaire
			
			
			return false;
		});
		
		$(function() {
			$( ".datepicker" ).datepicker({
				changeMonth: true,
				changeYear: true,
				dateFormat: 'yy-mm-dd',
				yearRange: '1900:2020'
			});
		});
		</script>
			<div class="external_page" id="external_page_content">
				<p class="titre-inscription">Inscription</p>
					<form id="registration_form" action="/accounts/register/" rel="#overlay" method="POST">{% csrf_token %}
								<table class="tab-inscription">
									{{ form.as_table }}
									<tr>
										<th colspan="2" style="text-align:left;font-weight:bold;">Champs facultatifs : </th>
									</tr>
									<tr>
										<th>Lieu de r&eacute;sidence : </th>
										<td><input type="text" name="country" id="country"  /></td>
									</tr>
									<tr>
										<th>Date de naissance : </th>
										<td><input type="text" name="birthday" id="birthday" class="datepicker"  /></td>
									</tr>
									<tr>
										<th>Site web : </th>
										<td><input type="text" name="website" id="website" value="" id="country"  /></td>
									</tr>
								</table>
								<p>
								<input type="submit" class="registration_button" value="OK" />
								</p>
					</form>
			</div>
			